fn();
function fn(){
	var w = window.innerWidth / 30;
	var html = document.querySelector('html');
	html.style.fontSize = w + 'px';
	console.log(w)
};
window.onresize = fn;
$("#footer").load("footer.html");
//轮播图
var mySwiper = new Swiper('.swiper-container', {
	// 环路
	loop : true,
	//分页器
	pagination : '.swiper-pagination',
	paginationClickable :true,
})
// 当前播放的歌曲编号
var num=0;

var audio=document.querySelector("audio");
$(".songMenu").on('click',function(){
	 $("#songMenu").slideDown("fast");
})
$(".off").on('click',function(){
	$("#songMenu").slideUp("fast");
});
$("main").add("header").on('click',function(){
	$("#songMenu").slideUp("fast");
})

var musicArr=["mp3/袖手旁观.mp3","mp3/莫文蔚 (Karen Mok) - 当你老了.mp3","mp3/阿肆 - 我在人民广场吃炸鸡.mp3"]
//音播放开关乐
$(".stop").on('click',function(){
	console.log(audio.paused)
	if(audio.paused){
		Index(num);
		$("#dog").attr("class","dog");
		$(".stop").html("&#xe604;");
	}else{
		audio.pause();
		$("#dog").removeAttr("class","dog");
		$(".stop").html("&#xe605;");
	}
})
// 上一曲
$(".MovePrevious").on('click',function(){
	num=(3+--num)%3;
	Index(num);
});
//下一曲
$(".MoveNext").on('click',next);
	function next(){
		num=(++num)%3;
		Index(num);
	}
//点击主页歌单
$(".songMenu li").on('click',function(){
	num=$(this).index();
	Index(num);
})
//点击右侧歌单
$(".page2 li").on('click',function(){
	num=$(this).index();
	Index(num);
})
//重播
$(".playback").on('click',function(){
	audio.currentTime=0;
	audio.play();
})
$(".soundOff").on('click',function(){
	audio.muted ? $(".soundOff").html("&#xe600;") : $(".soundOff").html("&#xe6e6;");
	audio.muted=!audio.muted;
	
})

function Index(num){
	//开始播放歌曲
	audio.src=musicArr[num];		
	$(".stop").html("&#xe604;");
	audioPlay(musicArr[num],next);
	playingStyle();
}
function playingStyle(){
	// 主页歌单
	$(".Mname").css("color","#fff");
	$(".Msonger").css("color","#bbbab9");
	$(".songMenu li").eq(num).find("span").css("color","#955ebe");
	// 右侧歌单
	$(".Pname").css("color","#fff");
	$(".Psonger").css("color","#bbbab9");
	$("#page2 li").eq(num).find("span").css("color","#955ebe");
	//顶部信息
	$(".name").html($(".Pname").eq(num).html());
	$(".author").html($(".Psonger").eq(num).html());
}

function audioPlay(soundPath,callback){ 
    /*判断声音是否播放完成，播放完成之后执行回调函数*/
    audio.src=soundPath;   
    audio.play();
    console.log(Math.round(audio.duration));
    if(callback != undefined){
        var  is_playFinish = setInterval(function(){
        if(audio.ended){
                    callback();
                    window.clearInterval(is_playFinish);
       		 }
        }, 10);
    }
}
